<template>
  <view class="message-container">
    <view class="header">
      <view class="title">消息</view>
    </view>
    
    <view class="message-list">
      <view class="empty-state">
        <view class="empty-icon">💬</view>
        <view class="empty-text">暂无消息</view>
        <view class="empty-subtitle">当有新的案件分享或系统通知时，会在这里显示</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      messages: []
    }
  },
  onLoad() {
    this.loadMessages()
  },
  methods: {
    loadMessages() {
      // 模拟加载消息数据
      this.messages = []
    }
  }
}
</script>

<style>
.message-container {
  min-height: 100vh;
  background: #f7f8fa;
}

.header {
  padding: 24rpx;
  background: #fff;
  border-bottom: 2rpx solid #f1f5f9;
}

.title {
  font-size: 36rpx;
  font-weight: 600;
  color: #1f2937;
}

.message-list {
  padding: 40rpx 24rpx;
}

.empty-state {
  text-align: center;
  padding: 80rpx 40rpx;
}

.empty-icon {
  font-size: 80rpx;
  margin-bottom: 24rpx;
}

.empty-text {
  font-size: 32rpx;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 16rpx;
}

.empty-subtitle {
  font-size: 26rpx;
  color: #6b7280;
  line-height: 1.5;
}
</style>
